{% extends "index/layout.html" %}
{% block title %}{{ data.blog.Blog.title }}-{{ data.blog.Column.title }}{% endblock %}
{% block head %}
    {{ super() }}
{% endblock %}
{% block content %}

    <!-- content srart -->
    <div class="am-g am-g-fixed blog-fixed blog-content">
        <div class="am-u-md-8 am-u-sm-12">
            <article class="am-article blog-article-p">
                <div class="am-article-hd">
                    <h1 class="am-article-title blog-text-center">{{ data.blog.Blog.title }}</h1>
                    <p class="am-article-meta blog-text-center">
                        <span class="blog-color">{{ data.blog.Column.title }} &nbsp;</span>-<span>阅读（{{ data.blog.Blog.read }}）</span>-
                        <span>{{ data.blog.Blog.time }}</span>
                    </p>
                </div>
                <div class="am-article-bd">
                    <img src="assets/i/f10.jpg" alt="" class="blog-entry-img blog-article-margin">
                    <p class="class=" am-article-lead"">
                    摘要：
                    <blockquote>
                        <p>{{ data.blog.Blog.article_intro|safe }}</p>
                    </blockquote>
                    {{ data.blog.Blog.content|safe }}
                </div>
            </article>
            <div class="am-g blog-article-widget blog-article-margin">
                <div class="am-u-lg-4 am-u-md-5 am-u-sm-7 am-u-sm-centered blog-text-center">
                    <span class="am-icon-tags"> &nbsp;</span><a href="#">我要分享</a>
                    <a href=""><span class="am-icon-qq am-icon-fw am-primary blog-icon"></span></a>
                    <a href=""><span class="am-icon-wechat am-icon-fw blog-icon"></span></a>
                    <a href=""><span class="am-icon-weibo am-icon-fw blog-icon"></span></a>
                </div>
            </div>

            <hr>


            <ul class="am-pagination blog-article-margin">
                {% if data.blog_prev %}
                    <li class="am-pagination-prev"><a target="_blank"
                                                      href="../article/{{ data.blog_prev.id }}">上一篇</a></li>
                {% else %}
                    <li class="am-pagination-prev">
                        <a target="_blank" href="#"> 无记录</a>
                    </li>
                {% endif %}
                {% if data.blog_next %}
                    <li class="am-pagination-next"><a target="_blank" href="../article/{{ data.blog_next.id }}">下一篇</a>
                    </li>
                {% else %}
                    <li class="am-pagination-next"><a target="_blank" href="javascript;">无记录</a></li>
                {% endif %}

            </ul>


            <hr>
        </div>

        <div class="am-u-md-4 am-u-sm-12 blog-sidebar">
            {% block my %}
                {{ super() }}
            {% endblock %}
            <div class="blog-sidebar-widget blog-bor">
                <h2 class="blog-title"><span>热门</span></h2>
                <ul class="am-list">
                    {% for data in data.blog_hot %}
                        <li>
                            <a href="{{ url_for('.index_article',id = data.id) }}">{{ data.title }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}
{% block footer %}
{% endblock %}